<!--
 * @Descripttion: 
 * @version: 
 * @Author: siebe
 * @Date: 2022-07-29 12:09:39
 * @LastEditors: siebe
 * @LastEditTime: 2022-07-29 12:36:45
-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>开关按钮Demo</title>
    <!-- 引入图标 -->

    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <input type="checkbox" name="" id="custom">
    <label for="custom" class="check-box">
        <span class="check-handler"></span>
    </label>
</body>

</html>